import React from "react";
import { icon, icon1 } from "../icons";
import style from './photo.module.css'

function Photo() {
  return (
    <div>
      <div className={style.main1center}>
        <h2>图片编辑</h2>
        <div className={style.mcbox}>
          {icon1 &&
            icon1.map((item, index: number) => {
              return (
                <div className={style.mc} key={index}>
                  <img src={item.img}></img>
                  <div>{item.title}</div>
                </div>
              );
            })}
        </div>
        <div className={style.none}>
          {icon &&
            icon.map((item, index) => (
              <div className={style.block} key={index}>
                <img src={item.img} alt={item.title} />
                <div>{item.title}</div>
              </div>
            ))}
        </div>
      </div>
    </div>
  );
}

export default Photo;
